<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>LOL首页</title>
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 头部 -->
<header>
	<nav class="top">
	<!-- 顶部导航 -->
		<div class="top_autobox">
			<a class="log" href="#"></a>
			<ul>
				<li>
					<a href="#">
						官网首页
					<span>HOME</span>
					</a>
				</li>
				<li>
					<a href="#">
						游戏资料
					<span>GAME INFO</span>
					</a>
				</li>
				<li>
					<a href="#">
						商城/合作
					<span>STORE</span>
					</a>
				</li>
				<li>
					<a href="#">
						用户互动
					<span>COMMUNITY</span>
					</a>
				</li>
				<li>
					<a href="#">
						赛事中心
					<span>EVENTS</span>
					</a>
				</li>
				<li>
					<a href="">
						自助系统
					<span>SYSYEM</span>
					</a>
				</li>
				<li>
					<a href="#">
						个人中心
					<span>USER CENTER</span>
					</a>
				</li>
			</ul>
		</div>
	</nav>
	<!-- 下拉子菜单 -->
	<div class="top_hidebox">
			<ul class="sub-nav-inner">
				<li class="sub-nav-item">
					&nbsp;
				</li>
				<li class="sub-nav-item">
					<a href="#" class="sub-nav-link">新手指引</a>
					<a href="#" class="sub-nav-link">资料库</a>
					<a href="#" class="sub-nav-link">攻略中心</a>
					<a href="#" class="sub-nav-link">模式实验室</a>
					<a href="#" class="sub-nav-link">海克斯战利品库</a>
				</li>

				<li class="sub-nav-item">
					<a href="#" class="sub-nav-link">点卷充值</a>
					<a href="#" class="sub-nav-link">道聚城</a>
					<a href="#" class="sub-nav-link">周边商城</a>
					<a href="#" class="sub-nav-link">LOL信用卡</a>
					<a href="#" class="sub-nav-link">网吧特权</a>
				</li>

				<li class="sub-nav-item">
					<a href="#" class="sub-nav-link">在线客服</a>
					<a href="#" class="sub-nav-link">活动中心</a>
					<a href="#" class="sub-nav-link">官方论坛</a>
					<a href="#" class="sub-nav-link">官方微信</a>
					<a href="#" class="sub-nav-link">官方微博</a>
				</li>

				<li class="sub-nav-item">
					<a href="#" class="sub-nav-link">LPL职业联赛</a>
					<a href="#" class="sub-nav-link">甲级职业联赛</a>
					<a href="#" class="sub-nav-link">德玛西亚杯</a>
					<a href="#" class="sub-nav-link">城市英雄争霸赛</a>
					<a href="#" class="sub-nav-link">高校联赛</a>
					<a href="#" class="sub-nav-link">王者峡谷</a>
				</li>

				<li class="sub-nav-item">
					<a href="#" class="sub-nav-link">封号查询</a>
					<a href="#" class="sub-nav-link">体验服申请</a>
					<a href="#" class="sub-nav-link">服务器状态查询</a>
					<a href="#" class="sub-nav-link">裁决之镰</a>
					
				</li>

				<li class="sub-nav-item">
					<a href="#" class="sub-nav-link">个人资料</a>
					<a href="#" class="sub-nav-link">我的英雄与皮肤</a>
					<a href="#" class="sub-nav-link">战绩历史</a>

				</li>
			</ul>

	</div>
	<!-- 背景视频 -->
	<video  class="bg-video" autoplay loop>

		<source src="video/big-v10.mp4" type="video/mp4"></source>	

	</video>

	<div class="top_act">
		<h2>2017季前赛渐入佳境</h2>
		<p>有时候，每个人看起来都像是处在超常状态一般。我们也是！就是说，我们正在渐入佳境。就在2017年。</p>
		<div class="video">
			<video autoplay loop>
				<source src="video/small-v10.mp4" type="video/mp4"></source>	

			</video>
			<a href="#" class="bg-play"></a>
		</div>
		<a href="#" class="top_link">查看详情</a>

		<div class="top_version">
			当前游戏版本 : <em>Ver 6.21.1</em>
			<a href="#" class="top-version-link">版本详情</a>

		</div>
	</div>
	<!-- 主导航 -->
	<div class="top-quick">
		<a href="#" class="top-quick-download"></a>
		<a href="#" class="top-quick-hover bg">
			<span class="icon icon-quick-package"></span>
			<span class="icon-name">新手礼包</span>
			<span class="icon-desc">新手任务好礼</span>
		</a>
		<a href="#" class="top-quick-hover">
			<span class="icon icon-quick-video"></span>
			<span class="icon-name">视频中心</span>
			<span class="icon-desc">最新最全视频</span>
		</a>
		<a href="#" class="top-quick-hover">
			<span class="icon icon-quick-match"></span>
			<span class="icon-name">赛事中心</span>
			<span class="icon-desc">权威赛事数据</span>

		</a>
		<a href="#" class="top-quick-hover">
			<span class="icon icon-quick-game"></span>
			<span class="icon-name">游戏资料</span>
			<span class="icon-desc">海量英雄资料</span>


		</a>
		<a href="#" class="top-quick-hover">
			<span class="icon icon-quick-lcu"></span>
			<span class="icon-name">新版客户端</span>
			<span class="icon-desc">用户体验升级</span>

		</a>
		<div class="top-quick-main">
			<div class="left">
				<img src="image/ttt.png" />
			</div>
			<p class="un1">亲爱的召唤师，欢迎<a href="#">登录</a></p>
			<p class="un2">
			登录后查看自己的英雄联盟游戏信息，包括
			<br />
			<span>召唤师等级、段位信息、游戏胜场数、账户信息、声望值 </span>等。</p>
		</div>
	</div>
</header>
<!-- 右侧二维码 -->
<div class="appfix">
	<a href="#" class="appfix-link">
		<img src="image/ewm_right.png" >
		下载掌上英雄联盟
	</a>
</div>

<!-- 主要内容 -->
<div class="main">
	<!-- 左侧内容 -->
	<div class="main-l fl">
		<!-- banner轮播 -->
		<div class="home-mod banner">
			<ul class="banner-list">
				<li class="banner-item fl">
					<a href="#">
						<img src="image/1479689500339847841.jpg" />
					</a>
				</li>
				<li class="banner-item fl">
					<a href="#">
						<img src="image/1479755998776371721new.jpg" />
					</a>
				</li>
				<li class="banner-item fl">
					<a href="#">
						<img src="image/1479498187464746460.jpg" />
					</a>
				</li>
				<li class="banner-item fl">
					<a href="#">
						<img src="image/1479783822176091566.jpg" /> 
					</a>
				</li>
				<li class="banner-item fl">
					<a href="#">
						<img src="image/1478661070.jpg" />
					</a>
				</li> 
			</ul>
			<div class="banner-trigger">
				<span class="trigger-item on">进击季前赛</span>
				<span class="trigger-item">新英雄漫画专题站</span>
				<span class="trigger-item">季前赛宝典</span>
				<span class="trigger-item">电竞荣耀殿堂</span>
				<span class="trigger-item">2017排位赛微访谈</span>
			</div>
		</div>
		<!-- 视频中心 -->
		<div class="home-mod home-video">
			<div class="hd">
				<h2 class="home-title fl">
					<i class="icon-video"></i>视频中心
				</h2>
				<a href="#" class="txt-more fr">进入视频中心</a>
				<a href="#" class="txt-more fr"><i class="icon-submit"></i>我要投稿</a>				
			</div>	
			<div class="bd">
				<div class="tab">
					<ul class="nav-tab video-tab">
						<li class="current">最新视频</li>
						<li>解说视频</li>
						<li>周免英雄</li>
						<li>赛事视频</li>
						<li>趣味锦集</li>
						<li>官方视频</li>
					</ul>
				</div>
				<ul class="v-list v-mod-list">
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
				</ul>
				<ul class="v-list v-mod-list" style="display: none;">
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
				</ul>
				<ul class="v-list v-mod-list" style="display: none;">
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
				</ul>
				<ul class="v-list v-mod-list" style="display: none;">
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
				</ul>

				<ul class="v-list v-mod-list" style="display: none;">
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
					<li>
						<a href="#" class="v-link">
							<img src="image/0.png" alt="">
							<span class="shadow1"></span>
							<span class="v-meta">
								<span class="v-time fr">10:06</span>
							</span>
							<span class="shadow2"></span>
							<i class="icon-v"></i>
						</a>
						<h5 class="v-name"><a href="#">电竞女司机13 : 撩妹装X两不误乱斗无杀超神秘籍</a></h5>
					</li>
				</ul>

				<a href="#" class="video-more-link">
					再显示<em>8</em>个视频
				</a>
				<a href="#" class="video-more-link" style="display: none;">
					进入视频中心查看更多
				</a>
			</div>
		</div>
		<!-- 赛事中心 -->
		<div class=" home-match">
			<div class="hd">
				<h2 class="home-title fl">
					<i class="icon-video"></i>赛事中心
				</h2>
				<a href="#" class="txt-more fr">进入赛事中心</a>
			</div>	
			<div class="bd">
				<div class="tab">
					<ul class="nav-tab hero-tab">
						<li class="current">职业联赛</li>
						<li>甲级职业联赛</li>
						<li>德玛西亚杯</li>
						<li>高校联赛</li>
						<li>城市英雄争霸赛</li>
						<li>王者峡谷</li>
					</ul>
				</div>
				<!-- 职业联赛 -->
				<div id="Jevent_n1" class="home-match-content" style="display: block;">
					<div class="home-match-side fl">
						<a href="#"><img src="image/Jevent_n1.jpg" ></a>
						<a href="#" class="btn-long">进入赛事页面</a>
					</div>
					<div class="home-match-news">
						<div class="n1_act">
							<a href="#" class="event-tit">2016英雄联盟职业联赛夏季赛</a>
							<p class="meta">时间: 2016-05-26-2016-08-07</p>
							<p class="meta">地点：上海虹桥天地演艺中心3F（多功能厅）</p>
							<p class="event-num"><em class="fbig">4200</em>万人关注</p>
						</div>
						<ul class="event-txtlist">
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">RNG.UZI：孤独行者的追梦路 一步三年</a>
								<span class="date">09/22</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">从低谷重返巅峰 回顾EDG的两年坎坷路</a>
								<span class="date">09/21</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">LPL夏季赛数据大揭密：一血王竟然是他？</a>
								<span class="date">09/15</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">2016全球总决赛：分组抽签入门指南</a>
								<span class="date">09/07</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">2016全球总决赛抽签仪式9月11日举行</a>
								<span class="date">09/07</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">什么是2016全球总决赛？</a>
								<span class="date">09/07</span>
							</li>
						</ul>
					</div>
				</div>
				<!-- 甲级职业联赛 -->
				<div id="Jevent_n6" class="home-match-content" style="display: none;">
					<div class="home-match-side fl">
						<a href="#"><img src="image/Jevent_n6.jpg" /></a>
						<a href="#" class="btn-long">进入赛事页面</a>
					</div>
					<div class="home-match-news">
						<div class="n1_act">
							<a href="#" class="event-tit">英雄联盟甲级职业联赛夏季赛</a>
							<p class="meta">时间：2016-05-23-2016-08-03</p>
							<p class="meta">地点：上海闸北</p>
							<p class="event-num"><em class="fbig">800</em>万人关注</p>
						</div>
						<ul class="event-txtlist">
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">NBY顺利进军LPL YM难逃BO5魔咒憾负</a>
								<span class="date">08/09</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">RVG惨遭降级命运 YM完胜皇族挺进决赛</a>
								<span class="date">08/09</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">皇族技高一筹 力克LD挺进下轮</a>
								<span class="date">08/08</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">WYD完胜对手成功保级 TCS告别LSPL</a>
								<span class="date">08/07</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">2016LSPL夏季赛季后赛今日打响！</a>
								<span class="date">08/06</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">2016LSPL季后赛巡礼：Doinb再度冲击LPL</a>
								<span class="date">08/05</span>
							</li>
						</ul>
					</div>
				</div>
				<!-- 德玛西亚杯 -->
				<div id="Jevent_n2" class="home-match-content" style="display: none;">
					<div class="home-match-side fl">
						<a href="#"><img src="image/Jevent_n2.jpg" /></a>
						<a href="#" class="btn-long">进入赛事页面</a>
					</div>
					<div class="home-match-news">
						<div class="n1_act">
							<a href="#" class="event-tit">2016年德玛西亚杯</a>
							<p class="meta">时间：2016-11-12-2016-11-13</p>
							<p class="meta">地点：武汉体育中心体育馆</p>
							<p class="event-num"><em class="fbig">700</em>万人关注</p>
						</div>
						<ul class="event-txtlist">
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">RNG全年回顾：皇族永不言弃！</a>
								<span class="date">11/08</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">粉丝来信：写在德杯前 回顾LPL坎坷一年</a>
								<span class="date">11/08</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">谁是你心目中的年度MVP选手？</a>
								<span class="date">11/08</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">从最佳新人到赛场主力 RNG打野Mlxg的故事</a>
								<span class="date">11/08</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">年度MVP三雄争霸 EDG与RNG选手入选</a>
								<span class="date">11/08</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">从OMG到EDG 国内最佳俱乐部变迁史</a>
								<span class="date">11/07</span>
							</li>
						</ul>
					</div>
				</div>
				<!-- 高校联赛 -->
				<div id="Jevent_n3" class="home-match-content" style="display: none;">
					<div class="home-match-side fl">
						<a href="#"><img src="image/Jevent_n3.jpg" /></a>
						<a href="#" class="btn-long">进入赛事页面</a>
					</div>
					<div class="home-match-news">
						<div class="n1_act">
							<a href="#" class="event-tit">第五届全国高校联赛</a>
							<p class="meta">时间：2016-09-24-2017-06-30</p>
							<p class="meta">地点：线下</p>
							<p class="event-num"><em class="fbig">300</em>万人关注</p>
						</div>
						<ul class="event-txtlist">
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">英雄联盟用户调查问卷</a>
								<span class="date">11/06</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">第五届全国高校联赛公开海选赛，火热来袭！</a>
								<span class="date">11/01</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">2016国际高校冠军赛分组及赛程结果公布</a>
								<span class="date">10/31</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">《英雄联盟》2016国际高校冠军赛即将开战！</a>
								<span class="date">10/28</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">等你们来战！第五届全国高校联赛今日开幕</a>
								<span class="date">09/23</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">站在顶峰的高校英雄们请向冠军迈进!</a>
								<span class="date">09/14</span>
							</li>
						</ul>
					</div>
				</div>
				<!-- 城市英雄争霸赛 -->
				<div id="Jevent_n4" class="home-match-content" style="display: none;">
					<div class="home-match-side fl">
						<a href="#"><img src="image/Jevent_n4.jpg" /></a>
						<a href="#" class="btn-long">进入赛事页面</a>
					</div>
					<div class="home-match-news">
						<div class="n1_act">
							<a href="#" class="event-tit">第十一届城市英雄争霸赛</a>
							<p class="meta">时间：2016-07-30-2016-11-20</p>
							<p class="meta">地点：线下</p>
							<p class="event-num"><em class="fbig">500</em>万人关注</p>
						</div>
						<ul class="event-txtlist">
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">英雄联盟用户调查问卷</a>
								<span class="date">11/06</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">战火席卷全国 城市英雄争霸赛火热进行</a>
								<span class="date">08/15</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">有梦想你就来 城市英雄争霸赛微访谈回顾</a>
								<span class="date">08/12</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">【云南】城市英雄争霸赛开赛仪式圆满结束</a>
								<span class="date">08/09</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">【江苏】城市英雄争霸赛今日盛大起航</a>
								<span class="date">08/06</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">第十一届LOL城市英雄争霸赛参赛攻略</a>
								<span class="date">07/31</span>
							</li>
						</ul>
					</div>
				</div>
				<!-- 王者峡谷 -->
				<div id="Jevent_n7" class="home-match-content" style="display: none;">
					<div class="home-match-side fl">
						<a href="#"><img src="image/Jevent_n7.jpg" /></a>
						<a href="#" class="btn-long">进入赛事页面</a>
					</div>
					<div class="home-match-news">
						<div class="n1_act">
							<a href="#" class="event-tit">王者峡谷</a>
							<p class="meta">时间：2015-02-28-2017-02-28</p>
							<p class="meta">地点：线上</p>
							<p class="event-num"><em class="fbig">100</em>万人关注</p>
						</div>
						<ul class="event-txtlist">
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">王者峡谷全民线赛现金奖励发放延期</a>
								<span class="date">10/28</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">全民线上海选赛奖励发放</a>
								<span class="date">10/13</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">《王者峡谷》全民线上海选赛圆满结束</a>
								<span class="date">09/16</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">《王者峡谷》全民线上海选赛报名开启</a>
								<span class="date">06/08</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">王者峡谷线上冠军锦标赛奖励发放公告</a>
								<span class="date">01/29</span>
							</li>
							<li class="txtlist-nape">
								<a href="#" class="lnk-type">[赛事专区]</a>
								<a href="#" class="lnk-tit">线上冠军锦标赛第9轮开启</a>
								<span class="date">01/13</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 客服专区 -->
		<div class="home-online">
			<div class="hd">
				<h2 class="home-title fl">
					<i class="icon-video"></i>客服专区
				</h2>
				<a href="#" class="more fr">...</a>				
				<a href="#" class="txt-more fr">QQ客服在线</a>
			</div>	
			<div class="bd"> 
				<div class="tab home-online-tab">
					<ul class="nav-tab online-tab">
						<li class="current">自助服务</li>
						<li>常见问题列表</li>
					</ul>
					<div class="online-other fr">
					<a href="#">登陆相关</a>
					<a href="#">游戏相关</a>
					<a href="#">电脑及其他问题</a>
					</div>
				</div>
				<ul class="fl w100 kf-txtlist">
					<!-- 自助服务 -->
					<li id="fkNAV_n1"> 
						<ul>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">封号查询</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">符文购买异常恢复</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">购买/赠送未到帐补送</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">图标点亮/熄灭</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">商城消费流水</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">经验异常减少恢复</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">CDKEY兑换</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">误充值申诉</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">可注册服务器查询</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">全区角色查询</a></li>
						</ul>
					</li>
					<!-- 常见问题 -->
					<li id="fkNAV_n2" style="display: none">
						<ul>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">登录相关问题</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">LOL游戏崩溃提示：您中途退出游戏，请重新连接</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">防沉迷系统限制以及信息修改的说明</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">拉起游戏时，黑屏无响应（选择英雄后出现的黑屏）</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">拉起游戏时提示：连接失败，无法连接服务器</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">电脑及其他问题</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">英雄联盟对电脑配置有什么要求？</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">游戏过程中崩溃，弹出BUGSPLAT（ERROR）报错界面</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">提示站点使用已过期的证书或无效证书的问题</a></li>
							<li class="txtlist-nape"><a href="#" class="lnk-tit">登录时，提示：服务器正忙，请稍后再试（登录错误）</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<!-- 右侧内容 -->
	<div class="main-r fr">
		<!-- 新闻 -->
		<div class="home-mod home-news">
			<div class="tab news-top">
				<ul class="nav-tab news-nav">
					<li class="current">综合</li>
					<li>公告</li>
					<li>赛事</li>
					<li>论坛</li>
				</ul>
				<a href="#" class="more"></a>
			</div>
			<div class="news-list">
				<div class="new-content" style="display: block;">
					<ul class="clearfix txtlist">
						<li class="first"><a href="#" class="lnk-tit">2017季前赛官方介绍</a></li>
						<li class="news-item">
							<a href="#" class="lnk-tit">
								<span class="new-type">新闻</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#" class="lnk-tit">
								<span class="new-type">新闻</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">新闻</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">新闻</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">新闻</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">新闻</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">新闻</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
					</ul>
				</div>
				<div class="new-content" style="display: none;">
					<ul class="clearfix txtlist">
						<li class="first"><a href="#" class="lnk-tit">2017季前赛官方介绍</a></li>
						<li class="news-item">
							<a href="#" class="lnk-tit">
								<span class="new-type">公告</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#" class="lnk-tit">
								<span class="new-type">公告</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">公告</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">公告</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">公告</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">公告</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">公告</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>

					</ul>
				</div>
				<div class="new-content" style="display: none;">
					<ul class="clearfix txtlist">
						<li class="first"><a href="#" class="lnk-tit">2017季前赛官方介绍</a></li>
						<li class="news-item">
							<a href="#" class="lnk-tit">
								<span class="new-type">赛事</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#" class="lnk-tit">
								<span class="new-type">赛事</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">赛事</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">赛事</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">赛事</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">赛事</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">赛事</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>

					</ul>
				</div>
				<div class="new-content" style="display: none;">
					<ul class="clearfix txtlist">
						<li class="first"><a href="#" class="lnk-tit">2017季前赛官方介绍</a></li>
						<li class="news-item">
							<a href="#" class="lnk-tit">
								<span class="new-type">论坛</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#" class="lnk-tit">
								<span class="new-type">论坛</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">论坛</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">论坛</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">论坛</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">论坛</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>
						<li class="news-item">
							<a href="#"  class="lnk-tit">
								<span class="new-type">论坛</span>
								暂离(AFK)检测2.0系统开启公告
								<span class="date">11/7</span>
							</a>
						</li>

					</ul>
				</div>

			</div>
			<p class="vote-tips">
				<a href="#">【调研】留下你的意见，我们会做得更好！</a>
			</p>
		</div>
		<!-- 英雄/皮肤 -->
		<div class="home-mod home-hero">
			<div class="hd">
				<h2 class="home-title fl">
					<i class="icon-video"></i>英雄/皮肤
				</h2>
				<a href="#" class="txt-more fr">我的英雄与皮肤</a>
				<a href="#" class="txt-more fr">全部英雄</a>			
			</div>	
			<div class="bd">
				<div class="tab hero-tab">
					<ul class="nav-tab">
						<li class="current">周免英雄</li>
						<li>最新英雄</li>
						<li>最新皮肤</li>
					</ul>
				</div>
				<div class="hero-content hero-free">
					<div class="free-list clearfix"> 
						<a href="#">
							<img src="image/119_Web_0.jpg" alt="">
							<span class="sbg">
								<span class="first-name">荣耀行刑官</span>
							</span>
						</a>
						<a href="#">
							<img src="image/119_Web_0.jpg" alt="">
							<span class="sbg">
								<span class="first-name">荣耀行刑官</span>
							</span>
						</a>
						<a href="#">
							<img src="image/119_Web_0.jpg" alt="">
							<span class="sbg">
								<span class="first-name">荣耀行刑官</span>
							</span>
						</a>
						<a href="#">
							<img src="image/119_Web_0.jpg" alt="">
							<span class="sbg">
								<span class="first-name">荣耀行刑官</span>
							</span>
						</a>
						<a href="#">
							<img src="image/119_Web_0.jpg" alt="">
							<span class="sbg">
								<span class="first-name">荣耀行刑官</span>
							</span>
						</a>
						<a href="#">
							<img src="image/119_Web_0.jpg" alt="">
							<span class="sbg">
								<span class="first-name">荣耀行刑官</span>
							</span>
						</a>
						<a href="#">
							<img src="image/119_Web_0.jpg" alt="">
							<span class="sbg">
								<span class="first-name">荣耀行刑官</span>
							</span>
						</a>
						<a href="#">
							<img src="image/119_Web_0.jpg" alt="">
							<span class="sbg">
								<span class="first-name">荣耀行刑官</span>
							</span>
						</a>
						<a href="#">
							<img src="image/119_Web_0.jpg" alt="">
							<span class="sbg">
								<span class="first-name">荣耀行刑官</span>
							</span>
						</a>
						<a href="#">
							<img src="image/119_Web_0.jpg" alt="">
							<span class="sbg">
								<span class="first-name">荣耀行刑官</span>
							</span>
						</a>

					</div>
					<div class="free-time">免费时间: 2016-11-04 至 2016-11-11</div>
				</div>
				<div class="hero-content hero-new" style="display: none">
					<div class="hero-news-list clearfix">
						<a href="#">
							<img src="image/a20161009ivern.jpg" alt="">
							<span class="sbg">
								<span class="first-name">艾翁</span>
								<span class="last-name">翠神</span>
							</span>
						</a>
						<a href="#">
							<img src="image/a20160812kled.jpg" alt="">
							<span class="sbg">
								<span class="first-name">暴怒骑士</span>
								<span class="last-name">克烈</span>
							</span>
						</a>
						<a href="#">
							<img src="image/a20160523taliyah.jpg" alt="">
							<span class="sbg">
								<span class="first-name">塔利垭</span>
								<span class="last-name">岩雀</span>
							</span>
						</a>
						<a href="#">
							<img src="image/a20160308sol.jpg" alt="">
							<span class="sbg">
								<span class="first-name">奥瑞利安</span>
								<span class="last-name">索尔</span>
							</span>
						</a>
						<a href="#">
							<img src="image/a20160125deadeye.jpg" alt="">
							<span class="sbg">
								<span class="first-name">戏命师</span>
								<span class="last-name">烬</span>
							</span>
						</a>
					</div>	
				</div>
				<div class="hero-content hero-skin" style="display: none">
					<div class="hero-news-list hero-skin-list clearfix">
						<a href="#">
							<img src="image/a20160718missfortune.jpg" alt="">
							<span class="sbg">
								<span class="first-name">泳池派对</span>
								<span class="last-name">厄运小姐</span>
								<span class="last-name">塔里克</span>
								<span class="last-name">菲奥娜</span>
							</span>
						</a>
						<a href="#">
							<img src="image/a20160712nami.jpg" alt="">
							<span class="sbg">
								<span class="first-name">海皇姬</span>
								<span class="last-name">娜美</span>
							</span>
						</a>
						<a href="#">
							<img src="image/a20160623thresh.jpg" alt="">
							<span class="sbg">
								<span class="first-name">死兆星</span>
								<span class="last-name">锤石</span>
								<span class="last-name">韦鲁斯</span>
							</span>
						</a>
						<a href="#">
							<img src="image/a20160612arena.jpg" alt="">
							<span class="sbg">
								<span class="first-name">霸台擂主</span>
								<span class="last-name">纳尔</span>
								<span class="last-name">蒙多</span>
								<span class="last-name">沃利贝尔</span>
							</span>
						</a>
						<a href="#">
							<img src="image/a20160527leblanc.jpg" alt="">
							<span class="sbg">
								<span class="first-name">长者之森</span>
								<span class="last-name">乐芙兰</span>
							</span>
						</a>
					</div>	

				</div>
			</div>
		</div>
		<!-- 快速入口 -->
		<div class="home-mod home-quick">
			<div class="hd">
				<h2 class="home-title fl">
					<i class="icon-video"></i>快速入口
				</h2>
			
			</div>	
			<div class="bd">
				<div class="home-quick-content">
					<a href="#">
						<i class="icon-quick-icon"></i>点亮图标
					</a>
					<a href="#">
						<i class="icon-quick-popularity"></i>声望系统
					</a>
					<a href="#">
						<i class="icon-quick-cdk"></i>CDK兑换
					</a>
					<a href="#">
						<i class="icon-quick-style"></i>模式实验室
					</a>
					<a href="#">
						<i class="icon-quick-gameinfo"></i>游戏资料
					</a>
					<a href="#">
						<i class="icon-quick-weibo"></i>官方微博
					</a>
					<a href="#">
						<i class="icon-quick-bbs"></i>玩家论坛
					</a>
					<a href="#">
						<i class="icon-quick-online"></i>在线客服
					</a>
				</div>
			</div>
		</div>
		<!-- 活动中心 -->
		<div class="home-mod home-activity">
			<div class="hd">
				<h2 class="home-title fl">
					<i class="icon-video"></i>活动中心
				</h2>
				<a href="#" class="txt-more fr">进入活动中心</a>
			
			</div>	
			<div class="bd">
				<div class="tab">

				</div>
			</div>
		</div>
		<!-- 底部广告 -->

		<div class="home-ad">
			<div class="subgimg">
				<a href="#">
					<img src="image/pic-qt.jpg" alt="">
				</a>
			</div>
		</div>
	</div>
	
</div>

<!-- 页脚 -->
<footer>

	<div class="footer-inner">
		<div class="footer-normal footer-weixin">
			<i class="weixin-icon"></i>
			<h3>英雄，我们在这里等你</h3>
			<p class="fn">
				扫描下载《英雄联盟》官方APP，<br>
					获取最新最全的官方动态
			</p>

		</div>
		<div class="footer-normal">
			<h3>温馨提示：本游戏适合18岁(含)以上玩家娱乐</h3>
			<ul>
				<li class="fn">抵制不良游戏</li>
				<li class="fn">拒绝盗版游戏</li>
				<li class="fn">注意自我保护</li>
				<li class="fn">谨防受骗上当</li>
				<li class="fn">适度游戏益脑</li>
				<li class="fn">沉迷游戏伤身</li>
				<li class="fn">合理安排时间</li>
				<li class="fn">享受健康生活</li>
			</ul>
		</div>
		<div class="footer-mt">
			<div class="footer-mt-link">
				<span>英雄联盟 官方合作媒体</span>
				<i></i>
			</div>
			<div class="footer-mt-st">
				<a href="#">英雄联盟大咖</a>
				<a href="#">要我玩</a>
				<a href="#">木木不哭</a>
				<a href="#">17173</a>
				<a href="#">叶子猪</a>
				<a href="#">兔玩</a>
				<a href="#">特玩</a>
				<a href="#">52PK游戏网</a>
				<a href="#">锐派</a>
				<a href="#">玩加赛事</a>
				<a href="#">电玩巴士</a>
				<a href="#">爱拍游戏</a>
				<a href="#">U9</a>
				<a href="#">pentaQ</a>
				<a href="#">掌游宝</a>
				<a href="#">七煌</a>
				<a href="#">太平洋</a>
				<a href="#">178游戏网</a>
				<a href="#">电子竞技杂志</a>
			</div>
		</div>

		<div class="footer-f">
			<a href="" class="footer-f-link"></a>
			<ul>
				<li>
					<a href="#" class="c4F6">腾讯互动娱乐</a>
					<span class="f9">|</span>
					<a href="#" class="c4F6">服务条款</a>
					<span class="f9">|</span>
					<a href="#" class="c4F6">广告服务</a>
					<span class="f9">|</span>
					<a href="#" class="c4F6">腾讯游戏招聘</a>
					<span class="f9">|</span>
					<a href="#" class="c4F6">腾讯游戏客服</a>
					<span class="f9">|</span>
					<a href="#" class="c4F6">游戏活动</a>
					<span class="f9">|</span>
					<a href="#" class="c4F6">游戏地图</a>
					<span class="f9">|</span>
					<a href="#" class="c4F6">商务合作</a>
					<span class="f9">|</span>
					<a href="#" class="c4F6">腾讯网</a>
					<span class="f9">|</span>
					<a href="#" class="c4F6">网站导航</a>
				</li>
				<li class="fr">
					<a href="#" class="c4F6">腾讯公司版权所有</a>
				</li>
				<li class="f10">
					COPYRIGHT © 1998 - 2016 TENCENT. ALL RIGHTS RESERVED.
				</li>
				<li class="f10">
					© 2012 Riot Games, Inc. ALL RIGHTS RESERVED.
				</li>
				<li class="f10">
					文网进字[2011] 004号 & ISBN 978-7-89989-145-2
					<span class="f9">|</span>
					<a href="#" class="c4F6">新出网证（粤）字010号</a>
					<span class="f9">|</span>
					<a href="#" class="c4F6">粤网文[2014]0633-233号</a>
				</li>
			</ul>

		</div>	
	</div>
</footer>

<script src="js/index.js"></script>
</body>
</html>